//out:../css/home.css
@import url(./module.less);

body {
    transition: all 0.3s;
}

.background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: (292/@rem);
    background-image: url(../images/img-bg@2x.png);
    background-repeat: no-repeat;
    background-position: 50% (-3/@rem);
    background-size: cover;
    z-index: -1;
}

// 用户信息区域
.userInfo {
    text-align: center;
    img {
        width: (66/@rem);
        height: (66/@rem);
        margin-top: @s10;
        margin-bottom: (8/@rem);
        border-radius: 50%;
    }
    h2 {
        font-size: @s18;
        color: #fff;
        margin-bottom: (7.38/@rem);
    }
    p {
        font-size: @s14;
        color: #fff;
    }
    .num {
        margin-bottom: @s4;
    }
}

//每月任务区域
.monthTasks {
    text-align: center;
    margin-top: (26.25/@rem);
    padding: (13.5/@rem) 0 (24.27/@rem) 0;
    h3 {
        font-size: @s14;
        color: @text2Color;
        margin-bottom: @s20;
        font-weight: 400;
    }
    ul {
        justify-content: space-around;
        li {
            .num{
                font-size: @s18;
                font-weight: 700;
                margin-bottom: (13.73/@rem);
            }
            .text{
                font-size: @s12;
            }
        }
    }
}

//选项区域
.option {
    padding: 0 (17.5/@rem) 0 (17.5/@rem);
    ul {
        li {
            border-bottom: @s1 solid @splitAreaBorderColor;
            a {
                display: block;
                height: (53.5/@rem);
                display: flex;
                align-items: center;
                justify-content: space-between;
            
                p {
                    font-size: @s16;
                    line-height: (53.5/@rem);
                }
            
                span {
                    line-height: (53.5/@rem);
                }
            
            }
            &:last-child {
                border-bottom: 0;
            }
        }
    }
}